<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>活动专题</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="../dist/css/special.css" rel="stylesheet">
<link href="../dist/fonts/font-awesome.min.css" rel="stylesheet">
</head>
<body>
    <div class="template-wrap">
    	<!-- 头部banner start -->
    	<div class="banner-wrap">
    		<img src="../dist/img/banner.jpg">
    	</div>
    	<!-- <div class="sign-up-wrap">
    		<div class="sign-up-panel">
    			<h1>报名</h1>
    		</div>
    	</div> -->
    	<!-- 头部banner end -->

    	<div class="template-main">
            <!-- 活动倒计时start -->
            <div class="subject-countdown-wrap">
                <div class="subject-countdown">
                    <span><i class="fa fa-clock-o"></i>活动结束倒计时</span>
                    <span class="countnum day">00</span>天
                    <span class="countnum hour">00</span>时
                    <span class="countnum minute">00</span>分
                </div>
            </div>
            <!-- 活动倒计时end -->

    		<!-- 活动规则 start -->

            <div class="subject-container detail-wrap">
                <div class="subject-message-wrap">
                    <h2><i class="fa fa-bullhorn"></i>活动规则与注意事项</h2>
                    <ul>
                        <li>1.COMBABY新爱婴是全球著名的蒙台梭利教育公司旗下品牌，创始于2003年，迅速在中国100多个城市开设了300多家早教中心</li>
                        <li>2.成为行业领导品牌，创下奇迹。新爱婴在上海拥有20多家早教中心，也位居榜首。 蒙台梭利教育被誉为全球领导者的摇篮，培养了全球不计其数的商界名流、政界领袖和科技精英</li>
                        <li>3.全球首富微软的比尔•盖茨、全球第一品牌Google创始人布林与盖奇、英国英俊的王子威廉，都是蒙台梭利教育的受益者</li>
                    </ul>
                    <button type="button" class="sign-up-btn sign_up">我要报名</button>
                </div>
    		</div>
    		<!-- 活动规则 end -->

    		<!-- 导航 start -->
    		<div class="subject-container">
                <div class="subject-navbar-wrap">
                    <div class="navbar-partition">
                        <span class="nav-option">区域:</span>
                        <ul class="subject-navbar">
            		        <li><a href="javascript:;" class="actived">所有</a></li>
            		        <li><a href="javascript:;">浦东新区</a></li>
            		        <li><a href="javascript:;">徐汇区</a></li>
            		        <li><a href="javascript:;">普陀区</a></li>
            		        <li><a href="javascript:;">长宁区</a></li>
            		        <li><a href="javascript:;">静安区</a></li>
            		        <li><a href="javascript:;">宝山区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
                            <li><a href="javascript:;">闸北区</a></li>
                            <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		    </ul>
                    </div>
                    <div class="navbar-partition">
                        <ul class="subject-navbar second-navbar">
                            <li><a href="javascript:;" class="actived">所有</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
            		        <li><a href="javascript:;">闸北区</a></li>
                        </ul>
                    </div>
                    <div class="navbar-partition">
                        <span class="nav-option">年龄:</span>
                        <ul class="subject-navbar">
                            <li><a href="javascript:;" class="actived">所有</a></li>
            		        <li><a href="javascript:;">0-1岁</a></li>
            		        <li><a href="javascript:;">1-2岁</a></li>
            		        <li><a href="javascript:;">2-3岁</a></li>
            		        <li><a href="javascript:;">3-4岁</a></li>
            		        <li><a href="javascript:;">4-5岁</a></li>
                            <li><a href="javascript:;">5-6岁</a></li>
                        </ul>
                    </div>
                </div>
    		</div>
    		<!-- 导航 end -->

    		<!-- 列表 start -->
    		<div class="centerlist-wrap">
                <div class="subject-container">
                    <ul class="centerlist">
    	    			<li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">这里是机构名称这里是机构名称这里是机构名称这里是机构名称这里是机构名称</a></h3>
                                    <span class="score">5.0</span>
                                </div>
                                <div class="listmain-secondary">
                                    <div class="listmain-secondary-left">
                                        <span>预约 20</span>
                                        <span>点评 5</span>
                                    </div>
                                    <div class="listmain-secondary-right">
                                        <span class="listmain-tag li">礼</span>
                                        <span class="listmain-tag hui">惠</span>
                                        <span class="listmain-tag quan">券</span>
                                    </div>
                                </div>
                                <div class="listmain-tail">
                                    <span>浦东</span>
        	    					<span>张江</span>
        	    					<span>0-6岁</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">这里是机构名称这里是机构名称这里是机构名称这里是机构名称这里是机构名称</a></h3>
                                    <span class="score">5.0</span>
                                </div>
                                <div class="listmain-secondary">
                                    <div class="listmain-secondary-left">
                                        <span>预约 20</span>
                                        <span>点评 5</span>
                                    </div>
                                    <div class="listmain-secondary-right">
                                        <span class="listmain-tag li">礼</span>
                                        <span class="listmain-tag hui">惠</span>
                                        <span class="listmain-tag quan">券</span>
                                    </div>
                                </div>
                                <div class="listmain-tail">
                                    <span>浦东</span>
        	    					<span>张江</span>
        	    					<span>0-6岁</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">这里是机构名称这里是机构名称这里是机构名称这里是机构名称这里是机构名称</a></h3>
                                    <span class="score">5.0</span>
                                </div>
                                <div class="listmain-secondary">
                                    <div class="listmain-secondary-left">
                                        <span>预约 20</span>
                                        <span>点评 5</span>
                                    </div>
                                    <div class="listmain-secondary-right">
                                        <span class="listmain-tag li">礼</span>
                                        <span class="listmain-tag hui">惠</span>
                                        <span class="listmain-tag quan">券</span>
                                    </div>
                                </div>
                                <div class="listmain-tail">
                                    <span>浦东</span>
        	    					<span>张江</span>
        	    					<span>0-6岁</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">这里是机构名称这里是机构名称这里是机构名称这里是机构名称这里是机构名称</a></h3>
                                    <span class="score">5.0</span>
                                </div>
                                <div class="listmain-secondary">
                                    <div class="listmain-secondary-left">
                                        <span>预约 20</span>
                                        <span>点评 5</span>
                                    </div>
                                    <div class="listmain-secondary-right">
                                        <span class="listmain-tag li">礼</span>
                                        <span class="listmain-tag hui">惠</span>
                                        <span class="listmain-tag quan">券</span>
                                    </div>
                                </div>
                                <div class="listmain-tail">
                                    <span>浦东</span>
        	    					<span>张江</span>
        	    					<span>0-6岁</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="orgname-panel">新爱婴虹口龙之梦中心园</div>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">乐高机器人</a></h3>
                                </div>
                                <div class="listmain-secondary">
                                    <span class="course-tag">说说快乐</span>
                                    <span class="course-tag">学习</span>
                                    <span class="course-tag">舞蹈</span>
                                </div>
                                <div class="listmain-tail no-tag">
                                    <span>浦东</span>
        	    					<span>张江</span>
        	    					<span>0-6岁</span>
                                </div>
                                <div class="listmain-tail">
                                    <span>浦东新区碧波路690号</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="orgname-panel">新爱婴虹口龙之梦中心园</div>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">乐高机器人</a></h3>
                                </div>
                                <div class="listmain-secondary">
                                    <span class="course-tag">说说快乐</span>
                                    <span class="course-tag">学习</span>
                                    <span class="course-tag">舞蹈</span>
                                    <span class="course-tag">舞蹈</span>
                                    <span class="course-tag">舞蹈</span>
                                    <span class="course-tag">舞蹈</span>
                                </div>
                                <div class="listmain-tail no-tag">
                                    <span>浦东</span>
        	    					<span>张江</span>
        	    					<span>0-6岁</span>
                                </div>
                                <div class="listmain-tail">
                                    <span>浦东新区碧波路690号</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="orgname-panel">新爱婴虹口龙之梦中心园</div>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">乐高机器人</a></h3>
                                </div>
                                <div class="listmain-secondary">
                                    <span class="course-tag">说说快乐</span>
                                    <span class="course-tag">学习</span>
                                    <span class="course-tag">舞蹈</span>
                                </div>
                                <div class="listmain-tail no-tag">
                                    <span>浦东</span>
        	    					<span>张江</span>
        	    					<span>0-6岁</span>
                                </div>
                                <div class="listmain-tail">
                                    <span>浦东新区碧波路690号</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="orgname-panel">新爱婴虹口龙之梦中心园</div>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">乐高机器人</a></h3>
                                </div>
                                <div class="listmain-secondary">
                                    <span class="course-tag">说说快乐</span>
                                    <span class="course-tag">学习</span>
                                    <span class="course-tag">舞蹈</span>
                                </div>
                                <div class="listmain-tail no-tag">
                                    <span>浦东</span>
        	    					<span>张江</span>
        	    					<span>0-6岁</span>
                                </div>
                                <div class="listmain-tail">
                                    <span>浦东新区碧波路690号</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="orgname-panel">新爱婴虹口龙之梦中心园</div>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">宝宝树爬爬赛亲子活动</a></h3>
                                </div>
                                <div class="listmain-tail no-tag">
                                    <span>亲子活动</span>
        	    					<span>3-6岁</span>
                                </div>
                                <div class="listmain-tail">
                                    <span>05月30日-12月30日</span>
                                    <span>05:30-12:30</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="orgname-panel">新爱婴虹口龙之梦中心园</div>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">宝宝树爬爬赛亲子活动</a></h3>
                                </div>
                                <div class="listmain-tail no-tag">
                                    <span>亲子活动</span>
        	    					<span>3-6岁</span>
                                </div>
                                <div class="listmain-tail">
                                    <span>05月30日-12月30日</span>
                                    <span>05:30-12:30</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="orgname-panel">新爱婴虹口龙之梦中心园</div>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">宝宝树爬爬赛亲子活动</a></h3>
                                </div>
                                <div class="listmain-tail no-tag">
                                    <span>亲子活动</span>
        	    					<span>3-6岁</span>
                                </div>
                                <div class="listmain-tail">
                                    <span>05月30日-12月30日</span>
                                    <span>05:30-12:30</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
                        <li>
    	    				<a href="">
    	    					<img src="../dist/img/shili.png">
    	    				</a>
                            <div class="orgname-panel">新爱婴虹口龙之梦中心园</div>
                            <div class="listmain">
                                <div class="listmain-title">
                                    <h3 class="orgname"><a href="">宝宝树爬爬赛亲子活动</a></h3>
                                </div>
                                <div class="listmain-tail no-tag">
                                    <span>亲子活动</span>
        	    					<span>3-6岁</span>
                                </div>
                                <div class="listmain-tail">
                                    <span>05月30日-12月30日</span>
                                    <span>05:30-12:30</span>
                                </div>
                            </div>
                            <div class="listmain-bottom arrow-right">
                                <a href="#">查看详情</a><i class="fa fa-angle-right"></i>
                            </div>
    	    			</li>
    	    		</ul>
                </div>
	    	</div>
	    	<!-- 列表 end -->
    	</div>
    </div>
    <div class="template-footer">
        <div class="subject-container">
            <div class="footer-img">
                <img src="../dist/img/bottom.png" alt="专题报名">
            </div>
            <div class="footer-input-wrap">
                <input type="text" value="" class="" placeholder="请输入手机号">
                <button type="button">我要报名</button>
            </div>
            <div class="free-telephone">
                <div class="tel-title">全国免费咨询热线</div>
                <div class="tel">400-810-1328</div>
            </div>
        </div>
    </div>
    <div class="modal-wrap">
        <div class="modal-panel">
            <div class="modal-main">
                <a href="javascript:;" class="modal-close"><i class="fa fa-close"></i></a>
                <h2>我要报名</h2>
                <div class="template-name">专题名字</div>
                <div class="modal-input-wrap">
                    <input type="text" value="" class="get_num" placeholder="请输入手机号">
                </div>
                <div class="modal-input-wrap">
                    <input type="text" value="" class="get_code" placeholder="验证码">
                    <button type="button" class="code-btn">获取验证码</button>
                </div>
                <div class="modal-input-wrap">
                    <button type="button" name="" class="modal-btn">提交</button>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="http://m.tongxuebuluo.com/static/mobile/js/jquery.min.js"></script>
<script src="../dist/js/template-pc.min.js"></script>
<!-- <script src="../pre/js/template-pc.js"></script> -->
</html>
